<template>
  <div class='container'>
    <h2>使用Api生成短链/集成JavaSDK</h2>
    <a-alert>支持生成「一人一链」，实时掌握每个用户点击行为，实现精准营销，提升点击转化。</a-alert>
    <div style='margin-top: 20px;'>
      <!--用户的 access key 和次数次数-->
      <Remaining />
      <!--接口信息-->
      <InterfaceDetail />
      <!--JavaSdk集成-->
      <JavaSdkDemo/>
    </div>
  </div>
</template>

<script setup>
import Remaining from '@/views/urlshorten/useApi/components/remaining.vue';
import InterfaceDetail from '@/views/urlshorten/useApi/components/interfaceDetail.vue';
import JavaSdkDemo from '@/views/urlshorten/useApi/components/javaSdkDemo.vue';

</script>

<style scoped lang='less'>
.container {
  margin: 20px 10px;
  padding: 10px 20px 40px 20px;
  background-color: #fff;
}
</style>